/* Copyright 2009-2011 Hewlett-Packard Development Company, L.P. All rights reserved. */
.keypad-digit {
	font-size: 30px;
	color: #FFF;
	font-weight: bold;
}

.keypad-letters {
	font-size: 16px;
	color: #C2C9CF;

	/* Always have height so numbers with no letters stay vertically aligned
	 * with numbers that do have letters
	 */
	height: 20px;
}

.dialstring-input {
  font-size: 15px;           
}
.dialstring-input .enyo-input {
	color: #FFF;
}

.backspace-button {
	background: url(../../images/dialpad-backspace.png) left top no-repeat;
	width: 36px;
	height: 50px;
	position:absolute;
	right:16px;
}

.backspace-button.enyo-button-down {
	background-position: left bottom;
}

.contacts-button {
	width: 32px;
	height: 32px;
	background: url(../../images/address-contact.png) left top no-repeat;
	border: 8px solid transparent;
	margin-right: -8px;
	position:absolute;
	right:16px;
}

.dialpad-backspace {
	height: auto; /* Override height from .enyo-button */
}

.dialpad-backspace .enyo-button-icon {
	margin-bottom: -28px;
	height: 50px;
	width: 36px;
	margin-top: 0px;
}

.dialpad-backspace.enyo-button-down .enyo-button-icon {
	background-position: left -50px;
}

.dialpadbutton-top-left,
.dialpadbutton-top-middle,
.dialpadbutton-top-right {
	border-width: 26px 0px 2px 0px;
}

.dialpadbutton-bottom-left,
.dialpadbutton-bottom-middle,
.dialpadbutton-bottom-right {
	border-width: 2px 0px 26px 0px;
}

.dialpadbutton-left,
.dialpadbutton-middle,
.dialpadbutton-right {
	border-width: 2px 0px 2px 0px;
}
.dialpadbutton-bottom-right.enyo-button{
	margin: 0;
	min-width: 0;
	padding: 0;
}
.dialpadbutton-top-left {
	-webkit-border-image: url(images/dialpad-row-sprite.png) 26 534 2 0;
}

.dialpadbutton-top-left.enyo-button-down {
	-webkit-border-image: url(images/dialpad-row-sprite.png) 26 214 2 320;
}

.dialpadbutton-top-left.voicemail > .keypad-letters {
	width: 24px;
	background: url(images/voicemail-key.png) left 50% no-repeat;
}

.alt2 .backspace > .keypad-digit {
	height: 50px;
	margin-top: -25px;
	width: 100px;
	background: url(../../images/dialpad-backspace.png) 0 top no-repeat;
}

.dialpadbutton-top-middle {
	-webkit-border-image: url(images/dialpad-row-sprite.png) 26 426 2 106;
}

.dialpadbutton-top-middle.enyo-button-down {
	-webkit-border-image: url(images/dialpad-row-sprite.png) 26 106 2 426;
}

.dialpadbutton-top-right {
	-webkit-border-image: url(images/dialpad-row-sprite.png) 26 320 2 214;
}

.dialpadbutton-top-right.enyo-button-down {
	-webkit-border-image: url(images/dialpad-row-sprite.png) 26 0 2 534;
}

.dialpadbutton-top-left > .keypad-digit,
.dialpadbutton-top-middle > .keypad-digit,
.dialpadbutton-top-right > .keypad-digit {
	/* Shift contents 24px up to match 2px top-border of other buttons */
	margin-top: -24px;
}

.dialpadbutton-bottom-single > .keypad-digit,
.dialpadbutton-bottom-left > .keypad-letters,
.dialpadbutton-bottom-middle > .keypad-letters,
.dialpadbutton-bottom-right > .keypad-letters {
	/* Shift contents 24px down to match 2px bottom-border of other buttons */
	margin-bottom: -18px;
}

.dialpadbutton-left {
	-webkit-border-image: url(images/dialpad-row-2-sprite.png) 2 534 2 0;
}

.dialpadbutton-left.enyo-button-down {
	-webkit-border-image: url(images/dialpad-row-2-sprite.png) 2 214 2 320;
}

.dialpadbutton-middle {
	-webkit-border-image: url(images/dialpad-row-2-sprite.png) 2 426 2 106;
}

.dialpadbutton-middle.enyo-button-down {
	-webkit-border-image: url(images/dialpad-row-2-sprite.png) 2 106 2 426;
}

.dialpadbutton-right {
	-webkit-border-image: url(images/dialpad-row-2-sprite.png) 2 320 2 214;
}

.dialpadbutton-right.enyo-button-down {
	-webkit-border-image: url(images/dialpad-row-2-sprite.png) 2 0 2 534;
}

.dialpadbutton-bottom-left {
	-webkit-border-image: url(images/dialpad-row-3-sprite.png) 2 534 26 0;
}

.dialpadbutton-bottom-middle {
	-webkit-border-image: url(images/dialpad-row-3-sprite.png) 2 426 26 106;
}

.dialpadbutton-bottom-right {
	-webkit-border-image: url(images/dialpad-row-3-sprite.png) 2 320 26 214;
}

.dialpadbutton-bottom-left.enyo-button-down {
	-webkit-border-image: url(images/dialpad-row-3-sprite.png) 2 214 26 320;
}

.dialpadbutton-bottom-middle.enyo-button-down {
	-webkit-border-image: url(images/dialpad-row-3-sprite.png) 2 106 26 426;
}

.dialpadbutton-bottom-right.enyo-button-down {
	-webkit-border-image: url(images/dialpad-row-3-sprite.png) 2 0 26 534;
}

.dial-button {
	height: 66px;
	border-width: 0 26px;
	-webkit-border-image: url(images/dial-button.png) 0 26 132 26 repeat repeat;
}

.dial-button.enyo-button-down {
	-webkit-border-image: url(images/dial-button.png) 132 26 0 26 repeat repeat;
}

.dial-button.enyo-button-disabled {
	-webkit-border-image: url(images/dial-button.png) 66 26 66 26 repeat repeat;
}

.pin-menu-button {
	height: 60px;
	-webkit-border-image: url(images/pin-menu-button-tall.png) 0 25 60 25 repeat repeat;
	border-width: 0 25px 0 25px;
	font-size: 16px;
	color: white;
}

.pin-menu-button.enyo-button-down {
	-webkit-border-image: url(images/pin-menu-button-tall.png) 60 25 0 25 repeat repeat;
}

.pinCardBackground {
	background: url(images/backdrop-firstuse.png) top left;
	background-size: 100%;
}

/* TODO: Expose icon width in MenuRadioButton so it doesn't have to
 * be overriden here?
 */
.voicemail-icon > .enyo-button-icon {
	width: 48px;
}
